<!DOCTYPE html>
<html>
<head>
	<title>图片显示</title>
	<style type="text/css">
	#pages li{
        float: left;
        height: 20px;
        padding: 0 10px;
        display: block;
        font-size: 12px;
        line-height: 20px;
        text-align: center;
        cursor: pointer;
        outline: none;
        background-color: #444444;
        color: #fff;
        text-decoration: none;
        border-right: 1px solid #232323;
        border-left: 1px solid #666666;
        border-right: 1px solid rgba(0, 0, 0, 0.5);
        border-left: 1px solid rgba(255, 255, 255, 0.15);
        -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5), inset 0px 1px 0px rgba(255, 255, 255, 0.15);
        -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5), inset 0px 1px 0px rgba(255, 255, 255, 0.15);
        box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5), inset 0px 1px 0px rgba(255, 255, 255, 0.15);
    }
    #pages .active{
        background-color: #c5d52b;
    }
    #pages .active span{
        color:black;
    }

    #pages {
        height:auto;
        overflow:hidden;
        margin:0 350px;
        padding:0px;
    }

    .pagination{
        padding:0px;
        margin:0px;
    }
</style>
</head>
<body>
	<table style="margin:0 auto">	
		<tr>
			@foreach($img as $k=>$v)
			<td><img src="{{$v->img}}"></td>
			@endforeach
		</tr>		
	</table> 
	<div id="pages"> 
	{!! $img->render() !!}
	</div>
</html>